<!DOCTYPE html>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
			xmlns:h="http://java.sun.com/jsf/html"
			xmlns:f="http://java.sun.com/jsf/core"
			xmlns="http://www.w3.org/1999/xhtml"
			xmlns:p="http://primefaces.org/ui" 
			template="/view/layout/ui.xhtml">
	<f:metadata>  
	</f:metadata>  

	<ui:define name="content">
			<h3>Nuevo Usuario</h3>  
			
			<h:form styleClass="sociosForm">
				<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />  
				<section>
					<div class="inputSection">
						<label>Nombre: </label>	
						<p:inputText required="true" label="Nombre" value="#{userBean.user.name}"></p:inputText>		
					</div>
					
					<div class="inputSection">
						<label>Apellido: </label>
<!-- 						<p:inputText value="#{userBean.user.surname}"></p:inputText>		 -->
					</div>
					
					<div class="inputSection">
						<label>Mail: </label>
<!-- 						<p:inputText value="#{userBean.user.mail}"></p:inputText>		 -->
					</div>
		
					<div class="inputSection">
						<label>Usuario: </label>
						<p:password value="#{userBean.user.password}"></p:password>
					</div>
					
					<div class="inputSection">
						<label>Contraseña: </label>
						<p:inputText value="#{socioBean.socio.apellido}"></p:inputText>		
					</div>
				</section>

				<p:commandButton value="Guardar" action="#{socioBean.guardar}" update="messages" />
				<p:commandButton value="Cancelar" action="#{socioBean.cancelar}" process="@this"/>
			</h:form>
	</ui:define>
</ui:composition>